<template>
  <div class="mygame-footer">
  	<div class='col'></div>
    <div class="col-record" id="gameTrade" @click=jumpToRecords()>
      <!--<a @click=jumpToRecords() class="font-white">
        <i class="iconfont icon-monijiaoyijilu"></i>&nbsp;模拟交易记录
      </a>-->
    </div>
    <div class='col'></div>

  </div>
</template>

<script>
import footerMixin from './mixins/footerMixin'
export default {
  name: 'footer',
  mixins: [footerMixin]  	
}
</script>

<style style lang="less" scoped>
@basePicUrl: '../../../assets/images';
  .mygame-footer {
    position: fixed;
    bottom: 15px;
    width: 100%;
    height: 50px;
    display: flex;
  }
  .mygame-footer .col-record {
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url('@{basePicUrl}/team/wulin/other-footer.png');
    flex:5;
  }

  .mygame-footer .font-white {
    text-align: center;
    color: #fff;
  }
  .col{
  	flex:1;
  }
</style>
